<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格独有属性</title>
  <style>
    table{
      border: 1px  red solid;
      width: 300px;
      /*以下这几个属性 只能在表格标签table中使用*/
      /*设置列宽度 auto自动 fixed平分*/
      table-layout: fixed;
      /*设置单元格间距*/
      border-spacing: 1px;
      /*合并单元格边框,相邻单元格用同一边框   常用值:collapse合并 separate不合并*/
      border-collapse: separate;
      /* empty-cells:隐藏没有内容的单元格 生效前提:单元格不能合并,也就是说border-collapse要设置成separate
      常用属性:show显示 hide隐藏  */
      empty-cells:hide;

      /*设置表格标题位置:caption-side:常用属性:top上面(默认值) bottom表格下面*/
      caption-side:bottom;

    }
    th,td{
      border: 1px red solid;
      /*设置文本居中*/
      text-align: center;
    }

  </style>
</head>
<body>
<table>
  <caption>人员信息</caption>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>政治面貌</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>18</td>
      <td>党员</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>12</td>
      <td>团员</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>21</td>
      <td>群众</td>
    </tr>
    <tr>
      <td>赵六</td>
      <td>28</td>

    </tr>
  </tbody>
</table>
</body>
</html>